import React, { Component } from 'react';
import { observer } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { TabBar, /*Icon*/ } from 'weaver-mobile';

@withRouter
@observer
export default class ActionButtons extends Component {
  static defaultProps = {
    prefixCls: 'email-action-buttons',
    data: [],
  }

  render() {
    const { prefixCls, data } = this.props;

    return (
      <div className={prefixCls}>
        <TabBar 
          selectedClassName={'tint-color'}
          unSelectedClassName={'unselected-tint-color'}
          noRenderContent={true}
        >
          {
            data.map(d => (
              <TabBar.Item
                {...d}
              />
            ))
          }
        </TabBar>
      </div>
    );
  }
}